<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<link rel="apple-touch-icon" sizes="76x76" href="assets/img/demo/tit2.jpg">
		<link rel="icon" type="image/png" href="assets/img/demo/tit2.jpg">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<title>物理量纲</title>
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
			
		<!-- Google Font -->
		<link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,800" rel="stylesheet">
			
		<!-- Font Awesome Icons -->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
			
		<!-- Main CSS -->
		<link href="./assets/css/main.css" rel="stylesheet"/>
			
		<!-- Animation CSS -->
		<link href="./assets/css/vendor/aos.css" rel="stylesheet"/>
			
	</head>
		
	<body> 
		
	<!----------------------------------------------------------------------
	NAVBAR (remove topnav if you don't want changed nav background on scroll)
	------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
	<div class="container-fluid">
		<a class="navbar-brand" href="./index.html"><i class="fas fa-anchor mr-2"></i><strong>Anchor YRC</strong></a>
		<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
		</button>
		<div class="navbar-collapse collapse" id="navbarColor02" style="">
			<ul class="navbar-nav mr-auto d-flex align-items-center">
				<li class="nav-item">
					<a class="nav-link" href="#huansaun">换算</a>
				</li>
				
				<li class="nav-item">
					<a class="nav-link" href="#xinwen">介绍</a>
				</li>
				
				<li class="nav-item">
					<a class="nav-link" href="#kepu">科普</a>
				</li>
				
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					友情链接 </a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdown">
						<a class="dropdown-item" href="https://gitee.com/" target="_blank">@Gitee</a>
						<a class="dropdown-item" href="https://lxx.tit.edu.cn/" target="_blank">@LXX.tit</a>
						<a class="dropdown-item" href="https://www.getbootstrap.cn/" target="_blank">@BootStrap</a>
					</div>
				</li>
			</ul>
			<ul class="navbar-nav ml-auto d-flex align-items-center">
				<li class="nav-item">
				<span class="nav-link" href="#">
					<a class="btn btn-info btn-round shadow-sm" href="#" data-toggle="modal" data-target="#exampleModalCenter8"><i class="fas fa-cloud-download-alt"></i> 下载源码 <a href="#" class="" class="hidden"></a>
					</a>
				</span>
				</li>
			</ul>
		</div>
	</div>
	</nav>
	<!-- End Navbar -->
		
		
	<!-------------------------------------
	HEADER
	--------------------------------------->
	<header>
		<div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative">
			<div class="container-fluid text-white h-100">
				<div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
					<div class="col pt-4 pb-4">
						<h1 class="display-3"><strong>物理量纲网站设计</strong></h1>
						<h5 class="font-weight-light mb-4">作者：192088206杨润成<strong> </strong>  </h5>
						<a href="blog.html" class="btn btn-lg btn-outline-white btn-round">Learn more</a>
					</div>
				</div>
			</div>
		</div>
		<svg style="-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); margin-top: -1px;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
		<path class="bg-primary" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
		</svg>
	</header>
	<!--- END HEADER -->
	<main class="container">

	<!--------------------------------------
	MODALS
	--------------------------------------->
	<section id="huansaun" class="pt-1 pb-1" data-aos="fade-up">
	<h3 class="h5 mb-4 font-weight-bold"><strong>物理量纲换算</strong>——点击下方按钮即可换算</h3>
	<div class="row">
		<div class="col-md-4">
			<!-- Button trigger modal 长度-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter1">
			长度 </button>
		</div><br><br><br>
		<div class="col-md-4">
			<!-- Button trigger modal 质量-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter2">
			质量 </button>
		</div><br><br><br>
		<div class="col-md-4">
			<!-- Button trigger modal 时间-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter3">
			时间 </button>
		</div><br><br><br>
		<div class="col-md-4">
			<!-- Button trigger modal 电流-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter4">
			电流 </button>
		</div><br><br><br>
		<div class="col-md-4">
			<!-- Button trigger modal 温度-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter5">
			温度 </button>
		</div><br><br><br>
		<div class="col-md-4">
			<!-- Button trigger modal 物质的量-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter6">
			物质的量 </button>
		</div><br><br><br>
		<div class="col-md-4">
			<!-- Button trigger modal 发光强度-->
			<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter7">
			发光强度 </button>
		</div><br><br><br>
	</div>
	</section>
	<!-- Modal 长度 -->
	<div class="modal fade" id="exampleModalCenter1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">长度换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_kil" class="form-row">
						<div class="form-group col-md-6">
							<label for="input11">千米：</label>
							<input type="text" v-model = "kilometers" class="form-control" id="input11" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input12">米：</label>
							<input type="text" v-model = "meters" class="form-control" id="input12" placeholder="">
						</div>
					</div>
					<div id = "computed_cen" class="form-row">
						<div class="form-group col-md-6">
							<label for="input13">厘米：</label>
							<input type="text" v-model = "centimeters" class="form-control" id="input13" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input14">米：</label>
							<input type="text" v-model = "meters" class="form-control" id="input14" placeholder="">
						</div>
					</div>
					<div id = "computed_mil_length" class="form-row">
						<div class="form-group col-md-6">
							<label for="input15">毫米 :</label>
							<input type="text" v-model = "millimeters" class="form-control" id="input15" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input16">米：</label>
							<input type="text" v-model = "meters" class="form-control" id="input16" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/cd.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal 质量 -->
	<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">质量换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_ton" class="form-row">
						<div class="form-group col-md-6">
							<label for="input21">吨 : </label>
							<input type="text" v-model = "ton" class="form-control" id="input21" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input22">千克：</label>
							<input type="text" v-model = "kilogram" class="form-control" id="input22" placeholder="">
						</div>
					</div>
					<div id = "computed_gra" class="form-row">
						<div class="form-group col-md-6">
							<label for="input23">克 : </label>
							<input type="text" v-model = "gram" class="form-control" id="input23" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input24">千克：</label>
							<input type="text" v-model = "kilogram" class="form-control" id="input24" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/zl.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal 时间 -->
	<div class="modal fade" id="exampleModalCenter3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">时间换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_hou_time" class="form-row">
						<div class="form-group col-md-6">
							<label for="input31">时 : </label>
							<input type="text" v-model = "hour" class="form-control" id="input31" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input32">秒：</label>
							<input type="text" v-model = "second" class="form-control" id="input31" placeholder="">
						</div>
					</div>
					<div id = "computed_min_time" class="form-row">
						<div class="form-group col-md-6">
							<label for="input33">分 : </label>
							<input type="text" v-model = "minute" class="form-control" id="input33" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input34">秒：</label>
							<input type="text" v-model = "second" class="form-control" id="input34" placeholder="">
						</div>
					</div>
					<div id = "computed_mil_time" class="form-row">
						<div class="form-group col-md-6">
							<label for="input35">毫秒 : </label>
							<input type="text" v-model = "millisecond" class="form-control" id="input35" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input36">秒：</label>
							<input type="text" v-model = "second" class="form-control" id="input36" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/sj.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal 电流 -->
	<div class="modal fade" id="exampleModalCenter4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">电流换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_mil" class="form-row">
						<div class="form-group col-md-6">
							<label for="input41">毫安 : </label>
							<input type="text" v-model = "milliamperes" class="form-control" id="input41" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input42">安：</label>
							<input type="text" v-model = "ampere" class="form-control" id="input42" placeholder="">
						</div>
					</div>
					<div id = "computed_mic" class="form-row">
						<div class="form-group col-md-6">
							<label for="input43">微安 : </label>
							<input type="text" v-model = "microamperes" class="form-control" id="input43" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input44">安：</label>
							<input type="text" v-model = "ampere" class="form-control" id="input44" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/dl.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal 温度 -->
	<div class="modal fade" id="exampleModalCenter5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">温度换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_kel" class="form-row">
						<div class="form-group col-md-6">
							<label for="input51">卡尔文 : </label>
							<input type="text" v-model = "degree" class="form-control" id="input51" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input52">摄氏度：</label>
							<input type="text" v-model = "kelvin" class="form-control" id="input52" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/wd.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal 物质的量 -->
	<div class="modal fade" id="exampleModalCenter6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">物质的量换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_mol" class="form-row">
						<div class="form-group col-md-6">
							<label for="input61">毫摩尔 : </label>
							<input type="text" v-model = "milliamperes" class="form-control" id="input61" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input62">摩尔：</label>
							<input type="text" v-model = "ampere" class="form-control" id="input62" placeholder="">
						</div>
					</div>
					<div id = "computed_moli" class="form-row">
						<div class="form-group col-md-6">
							<label for="input63">微摩尔 : </label>
							<input type="text" v-model = "microamperes" class="form-control" id="input63" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input64">摩尔：</label>
							<input type="text" v-model = "ampere" class="form-control" id="input64" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/wzdl.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal 发光强度 -->
	<div class="modal fade" id="exampleModalCenter7" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">发光强度换算</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div id = "computed_emi" class="form-row">
						<div class="form-group col-md-6">
							<label for="input71">毫坎德拉 : </label>
							<input type="text" v-model = "milliamperes" class="form-control" id="input71" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input72">坎德拉：</label>
							<input type="text" v-model = "ampere" class="form-control" id="input72" placeholder="">
						</div>
					</div>
					<div id = "computed_emii" class="form-row">
						<div class="form-group col-md-6">
							<label for="input73">微坎德拉 : </label>
							<input type="text" v-model = "microamperes" class="form-control" id="input73" placeholder="">
						</div>
						<br /><br /><br />转换为
						<div class="form-group col-md-6">
							<label for="input74">坎德拉：</label>
							<input type="text" v-model = "ampere" class="form-control" id="input74" placeholder="">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="./assets/js/conversion/fgqd.html" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">更详细的换算在这里</a>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">暂存数据</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal 下载 -->
	<div class="modal fade" id="exampleModalCenter8" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">许可协议</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					本网站用于192088206杨润成的毕业设计，仅供学习非商用，请勿破坏，使用源码请注意版权保护
					<br><br>
					<form class="was-validated" action="https://gitee.com/he_guofan_192088229/YRC_GD">
						<div class="form-check mb-3">
							<input type="checkbox" class="form-check-input" id="validationFormCheck1" required>
							<label class="form-check-label" for="validationFormCheck1">我同意以上所有内容</label>
							<div class="invalid-feedback">此选项必须勾选</div>
						</div>
					
						<div class="">
							<button class="btn btn-secondary btn-block" type="submit">下载</button>
						</div>
					</form>
				</div>
				<!-- <div class="modal-footer">
					<a class="btn btn-secondary btn-round shadow-sm" href="#" data-dismiss="modal" data-toggle="modal" data-target="#exampleModalCenter6">
						<i class="fas fa-cloud-download-alt"></i> 同意协议并下载 
						<a href="#" class="" class="hidden"></a>
					</a> 
				</div> -->
			</div>
		</div>
	</div>

	<!--------------------------------------
	ALERTS
	--------------------------------------->
	<section class="pt-0 pb-0" data-aos="fade-up">
	<div class="row">
		<div class="col-md-12">
			<div class="alert alert-danger" role="alert">
				<h3 class="h5 mb-4 font-weight-bold">Tips</h3>
				<i class="fas fa-bullhorn"></i> 本网站自适应手机端，建议使用PC端获得更好的体验，若遇加载问题，请刷新页面
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
		</div>
	</div>
	</section>

	<!--------------------------------------
	CAROUSEL
	--------------------------------------->
	<!--视频介绍-->
	<section class="pt-3 pb-3" data-aos="fade-up" id="example-carousel">
		<h3 id="xinwen" class="h5 mb-4 font-weight-bold">物理量纲介绍</h3>
		<div class="carousel-inner">
			<video src="assets/img/demo/dimension.avi" controls="controls" width="100%"></video>
		</div>
	</section>

	<!--------------------------------------
	PRICING
	--------------------------------------->
	<section class="pt-3 pb-3" data-aos="fade-up">
	<h3 id="kepu" class="h5 mb-4 font-weight-bold">科普知识</h3>
	<div class="card-deck card-pricing text-center">
		<div class="card border-0 shadow-sm">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/11.webp" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">长度（m）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.长度是一维空间的度量，为点到点的距离</li>
					<li>2.通常用于量度二维空间中量度线段边长</li>
					<li>3.称呼长度数值较大的为长</li>
					<li>4.称呼数值较小或者在“侧边”的为宽</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E9%95%BF%E5%BA%A6/1584632?fr=aladdin" target="_blank">
					了解更多
				</a>
			</div>
		</div>
		<div class="card shadow-sm border-0">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/tianping.jpg" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">质量（kg）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.质量是物体所具有的一种物理属性</li>
					<li>2.质量是物质的惯性大小的量度</li>
					<li>3.质量分为惯性质量和引力质量</li>
					<li>4.任何物质既有惯性质量又有引力质量</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E8%B4%A8%E9%87%8F/1236?fromModule=lemma_search-box" target="_blank">
					了解更多
				</a>
			</div>
		</div>
		<div class="card border-0 shadow-sm">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/time.jpg" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">时间（s）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.时间是物质的永恒运动的表现</li>
					<li>2.时间是物质的变化的持续性的表现</li>
					<li>3.时间是物质的顺序性的表现</li>
					<li>4.时间包含时刻和时段两个概念</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E9%95%BF%E5%BA%A6/1584632?fr=aladdin" target="_blank">
					了解更多
				</a>
			</div>
	</div>
	<div class="card-deck card-pricing text-center">
		<div class="card shadow-sm border-0">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/dianliu.jpg" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">电流（A）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.是单位时间里通过导体任一横截面的电量</li>
					<li>2.电流符号为 I，单位是安培（A）</li>
					<li>3.电流的强弱用电流强度来描述</li>
					<li>4.正电荷定向流动的方向为电流方向</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E7%94%B5%E6%B5%81?fromModule=lemma_search-box" target="_blank">
					了解更多
				</a>
			</div>
		</div>
		<div class="card border-0 shadow-sm">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/wendu.jpg" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">温度（K）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.温度是表示物体冷热程度的物理量</li>
					<li>2.微观上来讲是物体分子热运动的剧烈程度</li>
					<li>3.只能以物体随温度变化的某些特性来间接测量</li>
					<li>4.温度是物体分子运动平均动能的标志</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E6%B8%A9%E5%BA%A6/221599?fromModule=lemma_search-box" target="_blank">
					了解更多
				</a>
			</div>
		</div>
		<div class="card shadow-sm border-0">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/wuzhideliang.jpg" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">物质的量（mol）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.物质的量表示含有一定数目粒子的集体</li>
					<li>2.物质的量的单位为摩尔，简称摩，符号为mol</li>
					<li>3.表示物质所含微粒数(N)与NA之比</li>
					<li>4.NA约为0.012kg ¹²C所含碳原子的个数</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E7%89%A9%E8%B4%A8%E7%9A%84%E9%87%8F?fromModule=lemma_search-box" target="_blank">
					了解更多
				</a>
			</div>
		</div>
		<div class="card shadow-sm border-0">
			<div class="card-header bg-primary border-0 pt-4 pb-4">
				<img src="assets/img/origin/17.jfif" >
			</div>
			<div class="card-body">
				<h3 class="my-0 font-weight-normal mb-3">发光强度（cd）</h3>
				<ul class="list-unstyled mt-3 mb-4">
					<li>1.在光度学中简称光强或光度</li>
					<li>2.用于表示光源给定方向上单位立体角内光通量的物理量</li>
					<li>3.国际单位为坎德拉，符号：cd</li>
				</ul>
				<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E5%8F%91%E5%85%89%E5%BC%BA%E5%BA%A6?fromModule=lemma_search-box" target="_blank">
					了解更多
				</a>
			</div>
		</div>
	</section>

	<!--------------------------------------
	END
	--------------------------------------->  
	</main>
		
	 
	<!--------------------------------------
	FOOTER
	--------------------------------------->
	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
	<path class="bg-black" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
	</svg>
	<footer class="bg-black pb-5">
	<div class="container">
		<div class="row">
			<div class="col-12 col-md mr-4">
				<i class="fas fa-copyright text-white"></i>
				<small class="d-block mt-3 text-muted">©
				<script>document.write(new Date().getFullYear())</script>
				Anchor RunCheng Yang,  by Yrc <a target="_blank" href="#">@Gitee</a>. License ICP.
				</small>
			</div>
			<div class="col-6 col-md">
				<h5 class="mb-4 text-white">Features</h5>
				<ul class="list-unstyled text-small">
					<li><a class="text-muted" href="#">Cool stuff</a></li>
					<li><a class="text-muted" href="#">Random feature</a></li>
					<li><a class="text-muted" href="#">Team feature</a></li>
					<li><a class="text-muted" href="#">Stuff for developers</a></li>
				</ul>
			</div>
			<div class="col-6 col-md">
				<h5 class="mb-4 text-white">Resources</h5>
				<ul class="list-unstyled text-small">
					<li><a class="text-muted" href="#">Resource</a></li>
					<li><a class="text-muted" href="#">Resource name</a></li>
					<li><a class="text-muted" href="#">Another resource</a></li>
					<li><a class="text-muted" href="#">Final resource</a></li>
				</ul>
			</div>
			<div class="col-6 col-md">
				<h5 class="mb-4 text-white">Utilities</h5>
				<ul class="list-unstyled text-small">
					<li><a class="text-muted" href="#">Business</a></li>
					<li><a class="text-muted" href="#">Education</a></li>
					<li><a class="text-muted" href="#">Government</a></li>
					<li><a class="text-muted" href="#">Gaming</a></li>
				</ul>
			</div>
			<div class="col-6 col-md">
				<h5 class="mb-4 text-white">About</h5>
				<ul class="list-unstyled text-small">
					<li><a class="text-muted" href="#">Team</a></li>
					<li><a class="text-muted" href="#">Locations</a></li>
					<li><a class="text-muted" href="#">Privacy</a></li>
					<li><a class="text-muted" href="#">Terms</a></li>
				</ul>
			</div>
		</div>
	</div>
	</footer>

		
		
	<!--------------------------------------
	JAVASCRIPTS
	--------------------------------------->    
	<script src="./assets/js/vendor/jquery.min.js" type="text/javascript"></script>
	<script src="./assets/js/vendor/popper.min.js" type="text/javascript"></script>
	<script src="./assets/js/vendor/bootstrap.min.js" type="text/javascript"></script>
	<script src="./assets/js/vendor/share.js" type="text/javascript"></script>
	<script src="./assets/js/functions.js" type="text/javascript"></script>

	<!-- 长度 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_kil',
		data: {
			kilometers : 0,
			meters:0
		},
		watch : {
			kilometers:function(val) {
			   this.kilometers = val;
			   this.meters = this.kilometers * 1000
			},
		}
		});
		  
		var vm = new Vue({
		el: '#computed_cen',
		data: {
			centimeters : 0,
			meters:0
		},
		watch : {
			centimeters:function(val) {
			   this.centimeters = val;
			   this.meters = this.centimeters / 100
			},
		}
		});

		var vm = new Vue({
		el: '#computed_mil_length',
		data: {
			millimeters : 0,
			meters:0
		},
		watch : {
			millimeters:function(val) {
			   this.millimeters = val;
			   this.meters = this.millimeters / 1000
			},
		}
		});
	</script>
	<!-- 质量 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_ton',
		data: {
			ton : 0,
			kilogram:0
		},
		watch : {
			ton:function(val) {
			   this.ton = val;
			   this.kilogram = this.ton * 1000
			},
		}
		});

		var vm = new Vue({
		el: '#computed_gra',
		data: {
			gram : 0,
			kilogram:0
		},
		watch : {
			gram:function(val) {
			   this.gram = val;
			   this.kilogram = this.gram / 1000
			},
		}
		});
	</script>
	<!-- 时间 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_hou_time',
		data: {
			hour : 0,
			second:0
		},
		watch : {
			hour:function(val) {
			   this.hour = val;
			   this.second = this.hour * 3600
			},
		}
		});

		var vm = new Vue({
		el: '#computed_min_time',
		data: {
			minute : 0,
			second:0
		},
		watch : {
			minute:function(val) {
			   this.minute = val;
			   this.second = this.minute *60
			},
		}
		});

		var vm = new Vue({
		el: '#computed_mil_time',
		data: {
			millisecond : 0,
			second:0
		},
		watch : {
			millisecond:function(val) {
			   this.millisecond = val;
			   this.second = this.millisecond / 1000
			},
		}
		});
	</script>
	<!-- 电流 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_mil',
		data: {
			milliamperes : 0,
			ampere:0
		},
		watch : {
			milliamperes:function(val) {
			   this.milliamperes = val;
			   this.ampere = this.milliamperes / 1000
			},
		}
		});

		var vm = new Vue({
		el: '#computed_mic',
		data: {
			microamperes : 0,
			ampere:0
		},
		watch : {
			microamperes:function(val) {
			   this.microamperes = val;
			   this.ampere = this.microamperes / 1000000
			},
		}
		});
	</script>
	<!-- 温度 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_kel',
		data: {
			kelvin : 0,
			degree:0
		},
		watch : {
		   degree : function (val) {
			   this.kelvin = val - 273;
			   this.degree = val;
			}
		}
		});
	</script>
	<!-- 物质的量 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_mol',
		data: {
			milliamperes : 0,
			ampere:0
		},
		watch : {
			milliamperes:function(val) {
			   this.milliamperes = val;
			   this.ampere = this.milliamperes / 1000
			},
		}
		});

		var vm = new Vue({
		el: '#computed_moli',
		data: {
			microamperes : 0,
			ampere:0
		},
		watch : {
			microamperes:function(val) {
			   this.microamperes = val;
			   this.ampere = this.microamperes / 1000000
			},
		}
		});
	</script>
	<!-- 发光强度 -->
	<script type = "text/javascript">
		var vm = new Vue({
		el: '#computed_emi',
		data: {
			milliamperes : 0,
			ampere:0
		},
		watch : {
			milliamperes:function(val) {
			   this.milliamperes = val;
			   this.ampere = this.milliamperes / 1000
			},
		}
		});

		var vm = new Vue({
		el: '#computed_emii',
		data: {
			microamperes : 0,
			ampere:0
		},
		watch : {
			microamperes:function(val) {
			   this.microamperes = val;
			   this.ampere = this.microamperes / 1000000
			},
		}
		});
	</script>
		
	<!-- Animation -->
	<script src="./assets/js/vendor/aos.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>
	 
	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
	AOS.init({
	  disable: function () {
		var maxWidth = 1200;
		return window.innerWidth < maxWidth;
	  }
	});
	</script>
		
	<!-- Carousel Height Smooth -->
	<script>    
		$('.carousel').on('slide.bs.carousel', function (event) {
		  var height = $(event.relatedTarget).height();
		  var $innerCarousel = $(event.target).find('.carousel-inner');
		  $innerCarousel.animate({
			height: height
		  });
		});
		</script>
		
	<!-- Popovers -->
	<script>
		$(function () {
		  $('[data-toggle="popover"]').popover()
		})
		$('.popover-dismiss').popover({
		  trigger: 'focus'
		})
		</script>
		
	<!-- Tooltips -->
	<script>
		$(function () {
		  $('[data-toggle="tooltip"]').tooltip()
		})
	</script>
		
	</body>
</html>